<template lang="html">
  <div class="page1">
    <p style="color:#999;font-size:14px;">活动详情的内容按照板块可分别编辑，活动结束后不可编辑</p>
    <el-tabs type="card" @tab-click="routerTo">
      <el-tab-pane label="活动信息"></el-tab-pane>
      <el-tab-pane label="报名签到"></el-tab-pane>
      <el-tab-pane label="分享设置"></el-tab-pane>
      <el-tab-pane label="个性化设置"></el-tab-pane>
    </el-tabs>

    <transition name="fade">
      <router-view></router-view>
    </transition>

    <div class="btn-group">
      <el-button @click.native.prevent="handleCancel">取消</el-button>
      <el-button @click.native.prevent="handleSave" type="primary">保存</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data: function(){
    return {}
  },
  methods:{
    routerTo: function(val){
      this.$router.push('/activeManage/detail/page1/step'+val);
    },
    handleCancel: function(){

    },
    handleSave: function(){

    }
  },
  watch:{

  },
  created: function(){

  }
}
</script>

<style lang="css">
  .page1 .btn-group{margin: 10px 0;}
  .btn-group button{margin-right: 10px;padding: 10px 25px;}
</style>
